<template>
  <div>
    <!-- 
      过滤器传参：
      变量|过滤器名(实参)

      多个过滤器一起使用
      变量| 过滤器1 | 过滤器2 | ....
     -->
    <!-- 翻转字符串过滤器 -->
    <h1>{{ msg | reverse('|') }}</h1>
    <!-- 全局过滤器  字母转大写 -->
    <p v-bind:title="msg|toUp|reverse(',')">在v-bind中使用过滤器</p>
  </div>
</template>

<script>
export default {
  data(){
    return {
      msg: "hello"
    }
  },
  // 过滤器
  filters:{
    reverse(val,str){
      // console.log(str);str即为过滤器传递的额外参数
      return val.split("").reverse().join(str)
    }
  }
}
</script>

<style>

</style>